html {
    height: 90%;
}
body {
    min-width: 780px;
    max-width: 1260px;
    margin: 20px 40px;
    height: 100%;
    font-size: 0.9em;
    font-family: sans-serif;
    color: #223;
    line-height: 1.4;
    background-color: #cde;
}

label, button, input, select, textarea {
    color: #223;
    border-width: 1px;
    margin: 4px;
    padding: 3px;
    vertical-align: baseline;
    line-height: normal;
}
select {
    padding: 2px;
}
input[type="text"], select, textarea {
    background-color: #ffe;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
}
input[readonly] {
    color: #89a;
    border: 1px dotted #89a;
    background-color: #def;
}
input[disabled] {
    color: #89a;
    background-color: #def;
}

.width2 {
    width: 18%;
    /*border : 1px solid gray;*/
}
.width3 {
    width: 28%;
    /*border : 1px solid gray;*/
}
.width4 {
    width: 38%;
    /*border : 1px solid gray;*/
}
.width5 {
    width: 48%;
    /*border : 1px solid gray;*/
}
.width6 {
    width: 58%;
    /*border : 1px solid gray;*/
}
.width8 {
    width: 78%;
    /*border : 1px solid gray;*/
}
.width9 {
    width: 88%;
    /*border : 1px solid gray;*/
}
.width10 {
    width: 98%;
    /*border : 1px solid gray;*/
}


.center {
    margin-left: auto;
    margin-right: auto;
}
.center_text {
    text-align: center;
}

.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}



label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
    font-weight: bold;
}
